@charset "utf-8";


@import url("resetBig.css");

/*=================================================================================
 * Header
 =================================================================================*/
#nahfHead {position:relative; overflow:hidden; height:309px; border-bottom:1px solid #fff; 
    background:linear-gradient(top, #34bcd1 0%, #73d1de 40%, #33bcd0 100%); background:-o-linear-gradient(top, #34bcd1 0%, #73d1de 40%, #33bcd0 100%); background:-moz-linear-gradient(top, #34bcd1 0%, #73d1de 40%, #33bcd0 100%); background:-webkit-linear-gradient(top, #34bcd1 0%, #73d1de 40%, #33bcd0 100%); background:-ms-linear-gradient(top, #34bcd1 0%, #73d1de 40%, #33bcd0 100%);}
.nahfHead_area {height:100%;background:url(/m/images/bg/bg_main.png) no-repeat;}
.nahfHead_area h1 {padding:10% 0 0 5%;}
.no_img {z-index:0; position:absolute; top:0; right:0; width:100%; height:100%; background:url(/m/images/bg/bg_main_in.png) no-repeat right 0;}
.srch_area {z-index:10; position:absolute; bottom:8px; left:0; width:92%; height:38px; margin:0 2%; padding:0 2%; background:#fff; border:1px solid #348793; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; *zoom:1}
.srch_area:after{content:""; display:block; clear:both;}
.ipt_srch {float:left; width:88%; height:25px; border:none;}
.btn_srch {float:right;}

@media only screen and (max-width:639px) {
    #nahfHead {background-size:100%; height:180px;}
    .nahfHead_area {background-size:100%;}
    .nahfHead_area h1 {width:40%;padding:10% 0 0 5%;}
    .no_img {background-size:65% 90%; right:-12%; bottom:0;}
    
    .srch_area {width:92%; height:33px;}
    .ipt_srch {width:86%; height:28px; padding:0;}
    .btn_srch {height:33px;}
}

@media only screen and (max-width:320px) {
    #nahfHead {height:150px;}
    .no_img {background-size:60%;}
    .ipt_srch {width:73.5%; height:23px;}
    .btn_srch {height:33px;}

}
 /* Desktops and laptops ----------- */
@media only screen and (min-width : 1024px) and (min-width : 1824px) {
   .nahfHead_area h1 {padding:5% 0 0 5%;}
}




/*=================================================================================
 * Main Content
 =================================================================================*/

/* 분류별 아이콘
--------------------------------------------------------------------------------- */
.ictgy_area {background:linear-gradient(top, #ececec 0%, #fff 10%); background:-o-linear-gradient(top, #ececec 0%, #fff 10%); background:-moz-linear-gradient(top, #ececec 0%, #fff 10%); background:-webkit-linear-gradient(top, #ececec 0%, #fff 10%); background:-ms-linear-gradient(top, #ececec 0%, #fff 10%);}

.ictgy_tab {padding:18px 0 33px 0; *zoom:1;}
.ictgy_tab:after{content:""; display:block; clear:both;}
.ictgy_tab li {float:left; width:33.3%; height:47px; line-height:47px; text-align:center; font-weight:bold;}
.ictgy_tab a {display:inline-block; height:100%; padding:0 30px; font-size:24px; color:#444;}
.ictgy_tab a:hover, .ictgy_tab .active a {height:45px; color:#fff; font-weight:normal; border:1px solid #5fbecb; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background:linear-gradient(top, #73d1df 10%, #33a2b3 100%); background:-o-linear-gradient(top, #73d1df 0%, #33a2b3 100%); background:-moz-linear-gradient(top, #73d1df 0%, #33a2b3 100%); background:-webkit-linear-gradient(top, #73d1df 0%, #33a2b3 100%); background:-ms-linear-gradient(top, #73d1df 0%, #33a2b3 100%);}

.sw_wrap {overflow:hidden; height:420px; *zoom:1;}
.sw_wrap:after{content:""; display:block; clear:both;}
.sw_wrap ul {float:left; width:94%; padding:0 3% 15px 3%; *zoom:1;}
.sw_wrap ul:after{content:""; display:block; clear:both;}
.sw_wrap ul li {float:left; width:21%; height:180px; padding:0 2% 30px 2%;}
.sw_wrap ul a {display:block; text-align:center;}
.sw_wrap ul a span {display:block; letter-spacing:-1px;; font-size:22px; line-height:1.4;}

.page {position:relative; height:40px; text-align:center; border-top:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4;}
.page .nav_pg span {display:inline-block; overflow:hidden; width:10px; height:10px; margin-top:16px; border-radius:5px; text-indent:10px; vertical-align:top; background:#b4b4b4; cursor:pointer;}
.page .nav_pg .nav_pg_on {background:#000 !important;}
.page .fd_home {position:absolute; top:8px; right:40px; font-size:18px;}
.page .fd_home a {color:#656565;}

#mflick { width:100%; height:460px; position:relative; overflow:hidden; }
#mflick2 { width:100%; height:265px; position:relative;  }

.ictgy_icon_issue, .ictgy_icon_edu {display:none;}

@media only screen and (max-width:639px) {
    .ictgy_tab li {height:37px; line-height:37px; text-align:center;}
    .ictgy_tab a {padding:0 20px; font-size:20px;}
    .ictgy_tab a:hover, .ictgy_tab .active a {height:35px;}
    
    .sw_wrap {height:320px;}
    .sw_wrap ul li {height:130px;}
    .sw_wrap ul a span {font-size:17px; letter-spacing:-1px;word-wrap:break-word}
    
    .page .fd_home {right:20px; font-size:16px;} 
    
    #mflick {height:360px;}
}
@media only screen and (max-width:320px) {
    .ictgy_tab li {height:37px; line-height:37px; text-align:center;}
    .ictgy_tab a {padding:0 15px; font-size:18px;}
    .ictgy_tab a:hover, .ictgy_tab .active a {height:35px;}
    
    .sw_wrap {height:250px;}
    .sw_wrap ul li {height:95px;}
    .sw_wrap ul a span {font-size:16px; letter-spacing:-1px;}
    
    .page .fd_home {right:15px; font-size:15px;} 
    
    #mflick {height:290px;}
}




/* 정보 리스트
--------------------------------------------------------------------------------- */
.list_info {background:#e3e3e3;*zoom:1; /* padding:0 2%; */}/* 2013-10-17 */
.list_info:after{content:""; display:block; clear:both;}

.list_info_tab ul{position:relative; z-index:100; margin:11px 0 0 13px; *zoom:1;}
.list_info_tab ul:after{content:""; display:block; clear:both;}
.list_info_tab li {overflow:hidden; float:left; width:22%; height:39px; line-height:39px; text-align:center; border-radius: 3px 3px 0 0;}
.list_info_tab li a {display:block; color:#7c7c7c;}
.list_info_tab li.active a {color:#000; border:1px solid #b6b6b6; background:#fff;}

.list_info .list {position:relative; z-index:10; height:100%; margin-top:-1px; background:#fff; border-top:1px solid #b6b6b6;}/* 2013-10-17 */
.list_info .list li {position:relative; padding:10px 20px 10px 15px; border-bottom:1px solid #b6b6b6;}
.list_info .list li:last-child {border-bottom:none;}
.list_info .list li a {display:block; overflow: hidden; width:72%; color:#4a4a4a; font-size:20px; white-space: nowrap; text-overflow: ellipsis;}
.list_info .list li a:hover {color:#6b6b6b;}
.list_info .list span {position:absolute; top:14px; right:20px; text-align:right;}

.list_info .list_thumb {position:relative; z-index:10; height:100%; margin-top:-1px; background:#fff; border-top:1px solid #b6b6b6;}/* 2013-10-17 */
.list_info .list_thumb:after{content:""; display:block; clear:both;}
.list_info .list_thumb li {float:left; width:46%; height:110px; padding:2%; border-bottom:1px solid #b6b6b6;}
.list_info .list_thumb li:nth-child(3), .list_info .list_thumb li:nth-child(4) {border:none !important;}
.list_info .list_thumb li a {display:block; *zoom:1;}
.list_info .list_thumb li a:after{content:""; display:block; clear:both;}
.list_info .list_thumb li .thumb {float:left; display:block; width:110px; height:110px; border:1px solid #ababab;}
.list_info .list_thumb li strong {float:left; display:block; width:50%; padding-left:5%; font-weight:normal; font-size:20px; color:#7985ae;}

.notice, .error, .popup_zone {float:left; width:100%;}

/* .notice {display:none;} */
/*.error {display:none;}
.popup_zone {display:none;}*/

@media only screen and (max-width:639px) {
    .list_info_tab li {width:30%;}
    .list_info_tab li a {font-size:18px;}
    .list_info .list li a {font-size:17px;}
    
    .list_info .list_thumb li {padding-top:12px;}
    .list_info .list_thumb li .thumb {float:none; width:70px; height:70px; margin: 0 auto 5px auto;}
    .list_info .list_thumb li strong {float:none; padding:0; width:80%; margin:0 auto; text-align:center; font-size:16px; line-height:1.4;}
}
@media only screen and (max-width:320px) {
    .list_info_tab li {width:30%;}
    .list_info_tab li a {font-size:16px;}
    .list_info .list li a {font-size:16px;}
    
    .list_info .list_thumb li {padding-top:14px;}
    .list_info .list_thumb li .thumb {float:none; width:60px; height:60px; margin: 0 auto 5px auto;}
    .list_info .list_thumb li strong {overflow:hidden; float:none; padding:0; width:80%; height:40px;; margin:0 auto; text-align:center; font-size:16px; line-height:1.4;}
}
@media only screen and (min-width:1024px) and (min-width:1824px) {
    /*.list_info {padding:0 2%;}*/
}





